<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   <div class="row">
   	<div class="col-xs-6">
   		<table class="table table-bordered table-striped table-hover">
   		<tr class="danger">
   			<th>
   				歌曲
   			</th>
			<th>
   				歌手
   			</th>
			<th>
   				专辑
   			</th>
   		</tr>
		<tr>
			<td class="success">
				爱妃
			</td>
			<td class="success">
				后弦
			</td>
			<td class="success">
				后宫
			</td>
		</tr>
		<tr>
			<td class="success">
				唐人
			</td>
			<td class="success">
				孙子涵
			</td>
			<td class="success">
				唐朝好男人
			</td>
		</tr>
		<tr>
			<td class="success">
				兄弟
			</td>
			<td class="success">
				小沈阳
			</td>
			<td class="success">
				兄弟情深
			</td>
		</tr>
		</table>
		</div>
		
		<div class="col-xs-6">
			<div class="list-group">
				<a class="list-group-item list-group-item-success">活在人之上要看的起人，活在人之下要看得起自己！</a>
				<a class="list-group-item">活在人之上要看的起人，活在人之下要看得起自己！</a>
				<a class="list-group-item">活在人之上要看的起人，活在人之下要看得起自己！</a>
				<a class="list-group-item">活在人之上要看的起人，活在人之下要看得起自己！</a>
			</div>
		</div>
	
  
   </div>
   <form>
   	<button class="sumit">提交</button>
   </form>
   </body>
</html>